.home {
  height: 100vh;
  // background-color: #999;

  .head {
    background-color: transparent !important;
  }

  .arco-tabs {
    background-color: transparent !important;
  }

  .arco-tab-cell-container-wrap {
    background-color: transparent;
    .rem(height, 70);
  }

  .demo-tab-content {
    font-size: 0.3rem;
    color: #86909c;
    background-color: transparent;
    .rem(min-height, 300);
    .rem(padding-bottom, 20);
    // height: 100%;
  }

  .arco-search-bar-container {
    background-color: transparent;
  }

  .demo-search-pend-wrapper {
    display: flex;
    align-items: center;
    font-size: 14px;
  }

  .arco-tab-cell {
    margin-right: 0.3rem;
  }

  .demo-tabs-add-extra {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    // .rem(width, 150);
    .rem(font-size, 13);
    // .rem(padding-right, 14);
    .use-var(color, sub-info-font-color);

    .arco-theme-dark & {
      background: linear-gradient(270deg,
          #17171a 66.04%,
          rgba(#17171a, 0) 105%);
    }

    .arco-search-bar-input {
      width: 2rem !important;
    }
  }



  .type-line {
    padding-bottom: 0 !important;
  }


  .arco-search-bar-input {
    background-color: transparent;
  }

  .arco-carousel-indicator {
    .indicator {
      .rem(height, 5)
    }
  }

  .list-container {
    .rem(padding, 0 10);

    .list-item {
      width: 100%;

      .title {
        .rem(margin, 10 0);

      }

      .imglist {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;

        .img-item {
          width: 32%;

          .img {
            width: 100%;
            .rem(height, 150);
            border-radius: 0.1rem;
            overflow: hidden;

          }

          img {
            width: 100%;
            height: 100%;
          }

          .img-title {
            .rem(padding, 10 0);

          }

        }
      }

    }
  }

  .arco-tab-pane-container {
    height: auto !important;
    .rem(padding-bottom, 50)
  }
}